<!--
 * @Author: your name
 * @Date: 2021-02-01 14:59:51
 * @LastEditTime: 2021-02-02 16:16:06
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \鲜花项目\html\公共页面.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
    <title>鲜花APP</title>
    <link rel="stylesheet" href="../css/icon.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 分类组件 开始 -->
    <link rel="stylesheet" href="../css/isCategory.css">
    <!-- 分类组件 结束 -->
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/classify.css">
    <script src="../js/rem.js"></script>
    <script src="../js/jq.v1.7.js"></script>

    <!-- 加载分类页面组件 开始 -->
    <script src="../js/isCategory.js"></script>
    <!-- 加载分类页面组件 结束 -->

    <script src="../js/classify.js"></script>
</head>

<body>
    <!-- 分类选项卡主体 开始 -->
    <div class="sort_container category" id="sort_container">
        <!--左边导航-->
        <div class="sort_navbar">
            <ul>
                <li class="on">热门推荐</li>
                <li>鲜花</li>
                <li>永生花</li>
                <li>蛋糕</li>
                <li>礼品</li>
                <li>巧克力</li>
            </ul>
        </div>
        <!--右边商品-->
        <div class="sort_wrap">
            <ul>
                <li>
                    <div class="title">热门推荐</div>
                    <div class="product">
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/0.png" alt="">
                            <span>推荐1</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="title">鲜花</div>
                    <div class="product">
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/1.png" alt="">
                            <span>鲜花</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="title">永生花</div>
                    <div class="product">
                        <div class="product_box">
                            <img src="../img/category/2.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/2.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/2.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/2.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/2.png" alt="">
                            <span>鲜花</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/2.png" alt="">
                            <span>鲜花</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="title">蛋糕</div>
                    <div class="product">
                        <div class="product_box">
                            <img src="../img/category/3.png" alt="">
                            <span>蛋糕</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/3.png" alt="">
                            <span>蛋糕</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/3.png" alt="">
                            <span>蛋糕</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="title">礼品</div>
                    <div class="product">
                        <div class="product_box">
                            <img src="../img/category/4.png" alt="">
                            <span>礼品</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/4.png" alt="">
                            <span>礼品</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/4.png" alt="">
                            <span>礼品</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/4.png" alt="">
                            <span>礼品</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="title">巧克力</div>
                    <div class="product">
                        <div class="product_box">
                            <img src="../img/category/5.png" alt="">
                            <span>巧克力</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/5.png" alt="">
                            <span>巧克力</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/5.png" alt="">
                            <span>巧克力</span>
                        </div>
                        <div class="product_box">
                            <img src="../img/category/5.png" alt="">
                            <span>巧克力</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 分类选项卡主体 结束 -->

    <!-- 公共样式 底部tabBar 开始 -->
    <div class="tabbar">
        <div class="tabbar-item">
            <i class="iconfont icon-danseshixintubiao-"></i>
            <p>首页</p>
        </div>
        <div class="tabbar-item active">
            <i class="iconfont icon-sousuofenleigengduo"></i>
            <p>分类</p>
        </div>
        <div class="tabbar-item">
            <i class="iconfont icon-B"></i>
            <p>购物车</p>
        </div>
        <div class="tabbar-item">
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
        </div>
    </div>
    <!-- 公共样式 底部tabBar 结束 -->
</body>

</html>